<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="index.css">
    <script src="js/index.js"></script>
    <script src="js/herolist.js"></script>
</head>

<body>

    <div class="zk-con-box">
        <!-- 英雄介绍 S -->
        <div class="herolist-box">
            <div class="clearfix herolist-types">
                <ul class="types-left">
                    <li class="">综合</li>
                    <li class="current">游戏职业</li>
                </ul>
                <ul class="clearfix types-ms">
                    <li class="">
                        <span class="ms-radio"><i class="i" data-type="10"></i></span>
                        <label>本周免费</label>
                    </li>
                    <li class="">
                        <span class="ms-radio"><i class="i" data-type="11"></i></span>
                        <label>新手推荐</label>
                    </li>
                </ul>
                <ul class="clearfix types-ms">
                    <li class="">
                        <span class="ms-radio"><i class="i is" data-type="0"></i></span>
                        <label>全部</label>
                    </li>
                    <li>
                        <span class="ms-radio"><i class="i" data-type="3"></i></span>
                        <label>坦克</label>
                    </li>
                    <li>
                        <span class="ms-radio"><i class="i" data-type="1"></i></span>
                        <label>战士</label>
                    </li>
                    <li>
                        <span class="ms-radio"><i class="i" data-type="4"></i></span>
                        <label>刺客</label>
                    </li>
                    <li>
                        <span class="ms-radio"><i class="i" data-type="2"></i></span>
                        <label>法师</label>
                    </li>
                    <li>
                        <span class="ms-radio"><i class="i" data-type="5"></i></span>
                        <label>射手</label>
                    </li>
                    <li>
                        <span class="ms-radio"><i class="i" data-type="6"></i></span>
                        <label>辅助</label>
                    </li>
                </ul>
                <div class="herosearch">
                    <input type="text" id="search" name="search" class="herosearch-input" value="请输入你想要搜索的英雄名">
                    <a href="javascript:void(0);" class="herosearch-icon" title="点击搜索" id="searchBtn"></a>
                </div>
            </div>
            <div class="herolist-content">
                <p id="JErroTips" style="display:none;">输入英雄不存在，请重新输入</p>
                <ul class="herolist clearfix">

                </ul>
            </div>
        </div>
        <!-- 英雄介绍 E -->
    </div>
    <!-- 位置信息 E -->
</body>

</html>